
* {
    margin: 0;
}

.title {
    color: rgb(230, 145, 55);
    font-size: 30px;
    padding: 10px;

}

/*元素选择器，标签选择器*/
.wanxi {
    display: flex;
    justify-content: center;
}

/*类选择器*/
.content {
    width: 1200px;
    /*background-color: gray;*/
}

.top {
    /*绝对路径和相对路径*/
    background-image: url("../img/banner_qtah.jpg");
    height: 808px;
    background-size: 100% 100%;
    color: white;
}

/*子代选择器，后代选择器*/
.top > div {

    display: flex;
    justify-content: center;

}

.top > div > div {
    width: 1000px;
}

.top > div:nth-child(1) > div:nth-child(1) {
    display: flex;
    justify-content: space-between;
    align-items: center;


}

.top > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) {
    display: flex;
    align-items: center;
    font-size: 25px;
}

.top > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) {
    height: 141px;
    width: 204px;
}

.top > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) img {
    height: 100%;
    width: 100%;
}

.top > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) {
    width: 30px;
    height: 30px;
}

/*--------------------------导航----------------------*/
.top > div:nth-child(2) {
    background-color: rgb(230, 145, 55);
    height: 50px;
    /*display: flex;*/
    /*justify-content: center;*/
}

.top > div:nth-child(2) > div:nth-child(1) {
    /*width: 1000px;*/
    display: flex;
    align-items: center;
}

.top > div:nth-child(2) > div:nth-child(1) > div {
    /*margin: 0 20px;*/
    /*height: 50px;*/
    line-height: 50px;
    padding: 0 20px;
}

.top > div:nth-child(2) > div:nth-child(1) > div:hover {
    background-color: white;
    color: rgb(230, 145, 55);
    cursor: pointer;
}

/*------------guanggao-------------------*/
/*.top > div:nth-child(3) {*/
/*    display: flex;*/
/*    justify-content: center;*/
/*}*/

.top > div:nth-child(3) > div:nth-child(1) {
    /*border: 1px solid red;*/
    /*width: 1000px;*/
}

.ad > div:nth-child(1) {
    font-size: 50px;
    margin: 30px 0 10px;
}

/*p标签是对div的封装，肯定会有其他不必要的代码 */
.ad > div:nth-child(2) > div {
    line-height: 30px;
}

.ad > div:nth-child(3) > div:nth-child(1) {
    display: flex;
    align-items: flex-end;
}

.ad > div:nth-child(3) {
    color: rgb(230, 145, 55);
    font-size: 35px;
}

/*odd  even*/
.ad > div:nth-child(3) > div:nth-child(1) > div:nth-child(odd) {
    color: white;
    font-size: 25px;

}

.ad > div:nth-child(3) > div:nth-child(1) > div:nth-child(even) {
    margin-right: 30px;

}

.ad > div:nth-child(3) > div:nth-child(2) {
    /*margin-left: 50px;*/
    text-indent: 1.5em;
}
